<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="./decoration/css/layout.css">
    <link rel="stylesheet" href="./decoration/css/jquery.minicolors.css">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="./decoration/css/main.css">
    <script type="text/javascript" src="./src/lib/ueditor/ueditor.config.js"></script>
    <!--&lt;!&ndash; 编辑器源码文件 &ndash;&gt;-->
    <script type="text/javascript" src="./src/lib/ueditor/ueditor.all.js"></script>
    <!--[if lt IE 9]>
    <script src="./decoration/js/html5shiv.min.js"></script>
    <script src="./decoration/js/respond.min.js"></script>
    <![endif]-->
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="">
    <style>
        .radios input {
            padding-top: 0.625rem;
            vertical-align: middle;
        }
    </style>
</head>

<body>

    <section id="uicut-app">
        <section class="g-mainBox">
            <section class="g-sideMenu scroll">
                <div class="title">图文组件</div>
                <ul class="list">
                    <li><span v-on:click.stop="btnAddNewModel(1)"><img src="./decoration/images/uc-icon-sidemenu1-1.png"
                                alt="">轮播图</span></li>
                    <!-- <li><span v-on:click.stop="btnAddNewModel(2)"><img src="./decoration/images/uc-icon-sidemenu1-2.png"
                                                                   alt="">广告位</span></li> -->
                    <li><span v-on:click.stop="btnAddNewModel(3)"><img src="./decoration/images/uc-icon-sidemenu1-3.png"
                                alt="">导航</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(4)"><img src="./decoration/images/uc-icon-sidemenu1-4.png"
                                alt="">标题</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(5)"><img src="./decoration/images/uc-icon-sidemenu1-5.png"
                                alt="">图文集</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(6)"><img src="./decoration/images/uc-icon-sidemenu1-6.png"
                                alt="">图片列表</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(7)"><img src="./decoration/images/uc-icon-sidemenu1-7.png"
                                alt="">三方图</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(8)"><img src="./decoration/images/uc-icon-sidemenu1-8.png"
                                alt="">四方图</span></li>
                    <li></li>
                </ul>
                <div class="title">商品组件</div>
                <ul class="list">
                    <li><span v-on:click.stop="btnAddNewModel(20)"><img
                                src="./decoration/images/uc-icon-sidemenu3-1.png" alt="">活动组件</span></li>
                    <!--<li><span v-on:click.stop="btnAddNewModel(21)"><img
                                src="./decoration/images/uc-icon-sidemenu3-2.png" alt="">产品集</span></li> -->
                    <li><span v-on:click.stop="btnAddNewModel(27)"><img src="./decoration/images/coupon.png"
                                alt="">优惠券</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(28)"><img
                                src="./decoration/images/uc-icon-sidemenu3-1.png" alt="">商品分类</span></li>
                    <li></li>
                    <li></li>
                </ul>

                <div class="title">其他</div>
                <ul class="list">
                    <li><span v-on:click.stop="btnAddNewModel(9)"><img src="./decoration/images/uc-icon-sidemenu2-1.png"
                                alt="">视频</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(10)"><img
                                src="./decoration/images/uc-icon-sidemenu2-2.png" alt="">音频</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(11)"><img
                                src="./decoration/images/uc-icon-sidemenu2-3.png" alt="">富文本</span></li>
                    <!-- <li><span v-on:click.stop="btnAddNewModel(12)"><img src="./decoration/images/uc-icon-sidemenu2-4.png"
                                                                    alt="">辅助空白</span></li> -->
                    <li><span v-on:click.stop="btnAddNewModel(13)"><img
                                src="./decoration/images/uc-icon-sidemenu2-5.png" alt="">分割线</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(14)"><img
                                src="./decoration/images/uc-icon-sidemenu2-6.png" alt="">悬浮图标</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(15)"><img
                                src="./decoration/images/uc-icon-sidemenu2-7.png" alt="">按钮</span></li>
                    <!-- <li><span v-on:click.stop="btnAddNewModel(16)"><img src="./decoration/images/uc-icon-sidemenu2-8.png"
                                                                    alt="">表单</span></li> -->
                    <li><span v-on:click.stop="btnAddNewModel(17)"><img
                                src="./decoration/images/uc-icon-sidemenu2-9.png" alt="">客服</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(18)"><img
                                src="./decoration/images/uc-icon-sidemenu2-10.png" alt="">公告</span></li>
                    <!-- <li><span v-on:click.stop="btnAddNewModel(19)"><img src="./decoration/images/uc-icon-sidemenu2-11.png"
                                                                    alt="">流量主</span></li> -->
                    <li><span v-on:click.stop="btnAddNewModel(26)"><img
                                src="./decoration/images/uc-icon-sidemenu3-3.png" alt="">位置</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(22)"><img
                                src="./decoration/images/uc-icon-sidemenu3-3.png" alt="">搜索框</span></li>
                    <li><span v-on:click.stop="btnAddNewModel(29)"><img
                        src="./decoration/images/uc-icon-group.png" alt="">团长</span></li>
                        <li><span v-on:click.stop="btnAddNewModel(30)"><img
                            src="./decoration/images/title.png" alt="">悬浮标题</span></li>
                    <li></li>
                    <li></li>
                </ul>

                <!-- <div class="title">官网组件</div>
            <ul class="list">
                <li><span v-on:click.stop="btnAddNewModel(23)"><img src="./decoration/images/uc-icon-sidemenu3-1.png"
                                                                    alt="">招聘</span></li>
                <li></li>
                <li></li>
            </ul> -->
                <!-- <div class="title">全局组件</div>
            <ul class="list"> -->
                <!-- <li><span v-on:click.stop="btnAddNewModel(24)"><img src="./decoration/images/uc-icon-sidemenu3-1.png"
                                                                    alt="">留言板</span></li> -->
                <!-- <li><span v-on:click.stop="btnAddNewModel(25)"><img src="./decoration/images/uc-icon-sidemenu3-2.png"
                                                                    alt="">门店</span></li> -->
                <!-- <li><span v-on:click.stop="btnAddNewModel(26)"><img src="./decoration/images/uc-icon-sidemenu3-3.png"
                                                                    alt="">位置</span></li>
				<li></li> -->
                </ul>
            </section>
            <section class="g-centerBox">
                <div style="position: absolute; top: 80px; right: 20px; display: flex;">
                    <span style='width: 100px;'>首页背景色: </span>
                    <input type="text" class="input" v-model="bg_color">
                </div>
                <div class="operate">
                    <a href="javascript:void(0)" class="btn btn_add saving" data-value="0">添加到模板库</a>
                    <a href="javascript:void(0)" class="btn btns-submit saving" data-value="1">保存修改页面</a>
                    <div style="display: inline-block;margin-left: 4.375rem;">
                        模板名称：<input name="name" placeholder="请输入名称" required="required"
                            style="border: #fff 1px solid !important;padding: 0.3125rem;" />
                    </div>
                    <!-- <span style="display: inline-block;margin-left: 1.25rem;">此模板适用于：</span>
				<div style="display: inline-block;" class="radios">
					<input type="radio" name="apply" value="0" title="全部">&nbsp;全部&nbsp;&nbsp;
					<input type="radio" name="apply" value="1" title="微信">&nbsp;微信&nbsp;&nbsp;
					<input type="radio" name="apply" value="2" title="小程序">&nbsp;小程序&nbsp;&nbsp;
					<input type="radio" name="apply" value="3" title="无">&nbsp;无
				</div> -->
                    <!-- <span style="display: inline-block;margin-left: 1.25rem;">appid：</span>
				<select style="width: 7.5rem;" class="temSelect" required="required">
					<option class="disabledOption" style="display: none;" value="">请选择应用</option>
				</select> -->
                </div>
                <!--<div class="operate">-->
                <!--<a href="javascript:void(0)" class="btn btns-submit btn_save">保存修改页面</a>-->
                <!--<a href="javascript:void(0)" class="btn">选择模板</a>-->
                <!--</div>-->


                <!-- 20190418 -->
                <div class="right-operate">
                    <button class="btn" v-on:click="btnDeleteModel" v-show="JSON.stringify(temp) != '{}'"
                        :data-id="temp.id">删除</button>
                    <button class="btn" v-on:click="btnMove" data-type="Prev" v-show="temp.id>0"
                        :data-id="temp.id">上移</button>
                    <button class="btn" v-on:click="btnMove" data-type="Next"
                        v-show="pageParam.length>1 && temp.id< pageParam.length-1" :data-id="temp.id">下移</button>
                </div>

                <div class="view-box" id="the_img_div" >
                    <div class="content-box scroll" :style='{"background-color": bg_color}'>

                        <template v-for="(item,index) in pageParam">
                            <!-- 轮播图 -->
                            <template v-if="item.type==1">
                                <div v-on:click="btnChooseModel(item.id)" class="view-banner"
                                    :class='item.details.style == 2 ? "view-banner2":""'
                                    :class="item.edit==true ?'uc-edit':''"
                                    :style="'height:'+item.details.boxHeight+'px'">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" v-show="item.edit == true"
                                        :data-id="item.id">x</span>
                                    <img :src="item.details.imgs[0].src" alt="">
                                    <div v-if="item.details.dotShow" class="dot-box">
                                        <template v-for="(itemImg,itemImgIndex) in item.details.imgs">
                                            <template v-if="itemImgIndex==0">
                                                <i class="dot dot-on"
                                                    :style="'background-color:'+item.details.color1"></i>
                                            </template>
                                            <template v-else>
                                                <i class="dot" :style="'background-color:'+item.details.color2"></i>
                                            </template>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 广告位 -->
                            <template v-if="item.type==2">
                                <div v-on:click="btnChooseModel(item.id)" class="view-ad"
                                    :class="item.edit?'uc-edit':''" :style="'height:'+item.details.boxHeight+'px'">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list">
                                        <template v-for="itemImg in item.details.imgs">
                                            <img :src="itemImg.src" alt="" :style="'width:'+itemImg.w">
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 宫格导航 -->
                            <template v-if="item.type==3">
                                <div v-on:click="btnChooseModel(item.id)" class="view-grid"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list"
                                        :style="'background-color:'+item.details.color2+';color:'+item.details.color1">
                                        <template v-for="itemImg in item.details.imgs">
                                            <div class="item"
                                                :style="'width:'+item.details.col[item.details.style]+';font-size:'+item.details.fontSize">
                                                <img :src="itemImg.src" alt=""
                                                    :style="'border-radius:'+item.details.radius+'px'">{{itemImg.text}}
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 标题 -->
                            <template v-if="item.type==4">
                                <div v-on:click="btnChooseModel(item.id)" class="view-title"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div :class="'title style'+item.details.style"
                                        :style="'background-color:'+item.details.color2+';color:'+item.details.color1">
                                        <i class="line"></i>
                                        <template v-if="item.details.style==5"><span class="txt"
                                                :style="'background-color:'+item.details.color2+';font-size:'+item.details.fontSize">{{item.details.text}}</span>
                                        </template>
                                        <template v-else><span class="txt"
                                                :style="'font-size:'+item.details.fontSize">{{item.details.text}}</span>
                                        </template>
                                        <i class="line"></i>
                                    </div>
                                </div>
                            </template>
                            <!-- 图文集 -->
                            <template v-if="item.type==5">
                                <div v-on:click="btnChooseModel(item.id)" class="view-product"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div :class="'list style'+item.details.style"
                                        :style="'background-color:'+item.details.color2">
                                        <template v-for="itemImg in item.details.imgs">
                                            <div class="item">
                                                <div class="img"><img :src="itemImg.src" alt="" class="cover"></div>
                                                <div class="con">
                                                    <div class="txt1"
                                                        :style="';color:'+item.details.color1+';font-size:'+item.details.fontSize">
                                                        {{itemImg.title}}
                                                    </div>
                                                    <div class="txt2">{{itemImg.text}}</div>
                                                </div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 图片列表 -->
                            <template v-if="item.type==6">
                                <div v-on:click="btnChooseModel(item.id)" class="view-bannerList"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div :class="'list style'+item.details.style"
                                        :style="'background-color:'+item.details.color2">
                                        <template v-for="itemImg in item.details.imgs">
                                            <div class="item">
                                                <div class="img">
                                                    <img :src="itemImg.src" alt="" class="cover"
                                                        :style="'border-radius:'+item.details.radius+'px'">
                                                </div>
                                                <div class="txt1" :style="';color:'+item.details.color1">
                                                    {{itemImg.text}}
                                                </div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 三方图 -->
                            <template v-if="item.type==7">
                                <div v-on:click="btnChooseModel(item.id)" class="view-bannerThree"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list">
                                        <template v-for="(itemImg,indexImg) in item.details.imgs">
                                            <div class="item">
                                                <div class="img" v-if="indexImg"><img :src="itemImg.src" alt=""
                                                        class="cover"
                                                        style="padding: 1px 1px 0 1px;width: 11.609375rem;height: 5.859375rem;">
                                                </div>
                                                <div class="img" v-else><img :src="itemImg.src" alt=""
                                                        style="width: 11.71875rem;height: 11.71875rem;"></div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 四方图 -->
                            <template v-if="item.type==8">
                                <div v-on:click="btnChooseModel(item.id)" class="view-bannerThree"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list style2">
                                        <template v-for="(itemImg,indexImg) in item.details.imgs">
                                            <div class="item">
                                                <div class="img" v-if="indexImg"><img :src="itemImg.src" alt=""
                                                        class="cover"
                                                        style="padding: 1px 1px 0 1px;width: 7.810625rem;height: 7.748125rem;">
                                                </div>
                                                <div class="img" v-else><img :src="itemImg.src" alt=""
                                                        style="height: 23.576875rem;width: 15.623125rem;"></div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>


                            <!-- 视频 -->
                            <template v-if="item.type==9">
                                <div v-on:click="btnChooseModel(item.id)" class="view-video"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="video-box" :style="'height:'+item.details.boxHeight+'px'">
                                        <video class="video" src="media/1.mp4" preload="none"
                                            :poster="item.details.imgs[0].src" controls="controls" width=""
                                            :height="item.details.boxHeight+'px'">您的浏览器不支持vedio，请更换浏览器再观看！
                                        </video>
                                    </div>
                                </div>
                            </template>
                            <!-- 音频 -->
                            <template v-if="item.type==10">
                                <div v-on:click="btnChooseModel(item.id)" class="view-voice"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="voice-box">
                                        <div class="item" style='display: flex;'>
                                            <div class="left">
                                                <img :src="item.details.imgs[0].src" alt="">
                                                <button class="btn-play">
                                                    <img src="./decoration/images/play.png" alt="">
                                                </button>
                                            </div>
                                            <div class="right" style='flex: 1; margin-left: 0; height: auto;'>
                                                <div class="txt1">{{item.details.imgs[0].name}} <span
                                                        class="time">{{item.details.imgs[0].time}}</span>
                                                </div>
                                                <div class="txt2">{{item.details.imgs[0].author}}</div>
                                            </div>
                                        </div>
                                        <audio src="media/1.mp3" controls="controls"></audio>
                                    </div>
                                </div>
                            </template>
                            <!-- 富文本 -->
                            <template v-if="item.type==11">
                                <div v-on:click="btnChooseModel(item.id)" class="view-article"
                                    :class="item.edit?'uc-edit':''" :style="'background-color:'+item.details.color2">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="article-box" v-html="item.details.text">
                                    </div>
                                </div>
                            </template>
                            <!-- 辅助空白 -->
                            <template v-if="item.type==12">
                                <div v-on:click="btnChooseModel(item.id)" class="view-empty"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="empty-box"
                                        :style="'background-color:'+item.details.color2+';height:'+item.details.boxHeight+'px;'">
                                    </div>
                                </div>
                            </template>
                            <!-- 分割线 -->
                            <template v-if="item.type==13">
                                <div v-on:click="btnChooseModel(item.id)" class="view-splitLine"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="splitLine-box"
                                        :style="'background-color:'+ item.details.color2 +';padding: '+ item.details.paddingTopBottom +'px 0;'">
                                        <template v-if="item.details.style=='1'">
                                            <div class="line"
                                                :style="'border-bottom: '+ item.details.boxHeight +'px solid '+ item.details.color1">
                                            </div>
                                        </template>
                                        <template v-if="item.details.style=='2'">
                                            <div class="line"
                                                :style="'border-bottom: '+ item.details.boxHeight +'px dashed '+ item.details.color1">
                                            </div>
                                        </template>
                                        <template v-if="item.details.style=='3'">
                                            <div class="line"
                                                :style="'border-bottom: '+ item.details.boxHeight +'px dotted '+ item.details.color1">
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 悬浮图标 -->
                            <template v-if="item.type==14">
                                <div v-on:click="btnChooseModel(item.id)" class="view-service"
                                    :class="item.edit?'uc-edit':''"
                                    :style="'right:'+item.details.positionRight + '%;bottom:'+item.details.positionBottom + '% ;opacity:' + item.details.opacity">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="item">
                                        <img :src="item.details.imgs[0].src"
                                            alt="">
                                    </div>
                                </div>
                            </template>
                            <!-- 按钮 -->
                            <template v-if="item.type==15">
                                <div v-on:click="btnChooseModel(item.id)" class="view-botton"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <template v-if="item.details.borderShow">
                                        <button class="btn"
                                            :style="'background-color:'+ item.details.color2+ ';color:' + item.details.color1 + ';border:' + item.details.color3 + ' 1px solid;border-radius:' + item.details.radius+'px;'">
                                            <img v-if="item.details.iconShow" :src="item.details.imgs[0].src" alt=""
                                                class="icon">{{item.details.text}}
                                        </button>
                                    </template>
                                    <template v-else>
                                        <button class="btn"
                                            :style="'background-color:'+ item.details.color2+ ';color:' + item.details.color1 + ';border-radius:' + item.details.radius+'px;'">
                                            <img v-if="item.details.iconShow" :src="item.details.imgs[0].src" alt=""
                                                class="icon">{{item.details.text}}
                                        </button>
                                    </template>
                                </div>
                            </template>
                            <!-- 表单 -->
                            <template v-if="item.type==16">
                                <div v-on:click="btnChooseModel(item.id)" class="view-chooseForm"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <button class="btn">
                                        {{item.details.text}}
                                    </button>
                                </div>
                            </template>
                            <!-- 客服 -->
                            <template v-if="item.type==17">
                                <div v-on:click="btnChooseModel(item.id)" class="view-fixedIcon"
                                    :class="item.edit?'uc-edit':''"
                                    :style="'right:'+item.details.positionRight + '%;bottom:'+item.details.positionBottom + '%;opacity:' + item.details.opacity">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="item">
                                        <img src="https://imgs.juanpao.com/2019%2F06%2F15%2F15605811505d04941ee6a43.png"
                                            alt="">
                                    </div>
                                </div>
                            </template>
                            <!-- 公告 -->
                            <template v-if="item.type==18">
                                <div v-on:click="btnChooseModel(item.id)" class="view-notice"
                                    :class="item.edit?'uc-edit':''"
                                    :style="'background-color:'+item.details.color2+';color:'+item.details.color1">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="item">
                                        <el-carousel height="24px" direction="vertical" :autoplay="true">
                                            <el-carousel-item v-for="item in item.details.imgs" class="item">
                                                <img :src="item.src" alt="" class="icon">
                                                {{item.text}}
                                            </el-carousel-item>
                                        </el-carousel>
                                        <!-- <img :src="item.details.imgs[0].src" alt="" class="icon">
                                    {{item.details.text}} -->
                                    </div>
                                </div>
                            </template>
                            <!-- 流量主 -->
                            <template v-if="item.type==19">
                                <div v-on:click="btnChooseModel(item.id)" class="view-flowMaster"
                                    :class="item.edit?'uc-edit':''" :style="'height:'+item.details.boxHeight+'px'">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <img src="./decoration/images/uc-banner2.png" alt="">
                                </div>
                            </template>
                            <!-- 商品集 -->
                            <template v-if="item.type==20">
                                <div v-on:click="btnChooseModel(item.id)" class="view-product view-product2"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div :class="'list style'+item.details.style"
                                        :style="'background-color:'+item.details.color2">
                                        <div>
                                            <img v-if='item.details.style == 1' src='./decoration/images/group.png'/>
                                            <img v-if='item.details.style == 2' src='./decoration/images/seckill.png'/>
                                            <img v-if='item.details.style == 3' src='./decoration/images/newpeople.png'/>
                                        </div>
                                    </div>
                                </div>
                            </template>
                            <!-- 产品集 -->
                            <template v-if="item.type==21">
                                <div v-on:click="btnChooseModel(item.id)" class="view-bannerList view-bannerList2"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div :class="'list style'+item.details.style"
                                        :style="'background-color:'+item.details.color2">
                                        <template v-for="itemImg in item.details.imgs">
                                            <div class="item">
                                                <div class="img"><img :src="itemImg.src" alt="" class="cover"></div>
                                                <div class="txt1"
                                                    :style="';color:'+item.details.color1+';font-size:'+item.details.fontSize">
                                                    {{itemImg.text}}
                                                </div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 搜索框 -->
                            <template v-if="item.type==22">
                                <div v-on:click="btnChooseModel(item.id)" class="view-search"
                                    :class="item.edit?'uc-edit':''" :style="'background-color:'+item.details.color2">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="search-box">
                                        <input type="text" class="input" placeholder="请输入" :value="item.details.text"
                                            readonly
                                            :style="'background-color:'+item.details.color1+';color:'+item.details.color3">
                                        <button class="btns"><img src="./decoration/images/search.png" alt=""></button>
                                    </div>
                                </div>
                            </template>
                            <!-- 招聘 -->
                            <template v-if="item.type==23">
                                <div v-on:click="btnChooseModel(item.id)" class="view-jobs"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list">
                                        <template v-for="itemImg in item.details.imgs">
                                            <div class="item">
                                                <p>{{itemImg.text}}</p>
                                                <p>职位：职位名(固定内容)</p>
                                                <p>职位：职位名(固定内容)</p>
                                                <p>职位：职位名(固定内容)</p>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <!-- 留言板 -->
                            <template v-if="item.type==24">
                                <div v-on:click="btnChooseModel(item.id)" class="view-message"
                                    :class="item.edit?'uc-edit':''" :style="'background-color:'+item.details.color2">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list">
                                        <div class="con1">
                                            <textarea class="textarea" name="" readonly placeholder="感谢提出建议" id=""
                                                cols="30" rows="10"></textarea>
                                        </div>
                                        <div class="con2">
                                            <div class="item"><span class="tt">姓名</span><input type="text" class="input"
                                                    readonly placeholder="请输入姓名（可选）">
                                            </div>
                                            <div class="item"><span class="tt">手机</span><input type="text" class="input"
                                                    readonly placeholder="请输入手机（可选）">
                                            </div>
                                        </div>
                                        <div class="operate">
                                            <button class="btn btn-white">提交</button>
                                        </div>
                                    </div>
                                </div>
                            </template>
                            <!-- 门店 -->
                            <template v-if="item.type==25">
                                <div v-on:click="btnChooseModel(item.id)" class="view-shopBanner"
                                    :class="item.edit?'uc-edit':''" :style="'background-color:'+item.details.color2">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list">
                                        <div class="item">
                                            <img :src="item.details.imgs[0].src" alt="" class="icon">
                                            <div class="center" :style="'color:'+item.details.color1">
                                                <div class="txt">{{item.details.name}}</div>
                                                <div class="txt">工作时间：{{item.details.time}}</div>
                                            </div>
                                            <img src="./decoration/images/telephone.png" alt="" class="icon-tel">
                                        </div>
                                    </div>
                                </div>
                            </template>
                            <!-- 位置 -->
                            <template v-if="item.type==26">
                                <div v-on:click="btnChooseModel(item.id)" class="view-location"
                                    :class="item.edit?'uc-edit':''"
                                    :style="'background-color:'+item.details.color2+';color:'+item.details.color1">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list" style="">
                                        <div class="item2" v-if="item.details.style=='1'">
                                            <img src="./decoration/images/address2.png" alt="">
                                        </div>
                                        <div class="item2" v-if="item.details.style=='2'">
                                            <img src="./decoration/images/map.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </template>

                            <!-- 优惠券 -->
                            <template v-if="item.type==27">
                                <div v-on:click="btnChooseModel(item.id)" class="view-location"
                                    :class="item.edit?'uc-edit':''"
                                    :style="'background-color:'+item.details.color2+';color:'+item.details.color1">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list thisScroll"
                                        style="height: 61px;overflow:hidden;white-space:nowrap;margin-left: 1px;">
                                        <div v-if='item.details.style == 2' v-for="itemImg in item.details.imgs"
                                            style="width: 124px;display: inline-block;margin: 5px 0px;height: 51px;margin-right: 1px;">
                                            <img  :src="itemImg.src" style="height: 100%;width: 100%;" />
                                        </div>
                                        <div v-if='item.details.style == 1' v-for="itemImg in item.details.imgs"
                                            style="min-width: 124px;display: inline-block;margin: 5px 0px;height: auto;margin-right: 1px;">
                                            <div class="coupons-item">
                                                <div class="coupons-left">
                                                    <div class="coupons-price">{{itemImg.full_price}}</div>
                                                    <div class="coupons-full_price">满{{itemImg.price}}可用</div>
                                                </div>
                                                <div class="conpons-right">领取</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </template>
                            <!-- 商品分类 -->
                            <template v-if="item.type==28">
                                <div v-on:click="btnChooseModel(item.id)" class="view-location"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list thisScroll">
                                        <img src="./src/images/ship_class1.png" width="100%"
                                            v-if="item.details.style === '1'" />
                                        <img src="./src/images/ship_class2.png" width="100%"
                                            v-else-if="item.details.style === '2'" />
                                        <img src="./src/images/ship_class3.png" width="100%"
                                            v-else-if="item.details.style === '3'" />
                                        <img src="./src/images/ship_class4.png" width="100%"
                                            v-else="item.details.style === '4'" />
                                    </div>
                                </div>
                            </template>
                            <!-- 团长 -->
                            <template v-if="item.type==29">
                                <div v-on:click="btnChooseModel(item.id)" class="view-location"
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="list thisScroll">
                                        <div v-if='item.details.style == 1' class="group">
                                            <div class="group-left">
                                                <div>选择团长</div>
                                            </div>
                                            <div class="group-right">
                                                <img  src='./decoration/images/search.png'>
                                            </div>
                                        </div>
                                        <img v-if='item.details.style == 2' style='width: 100%;' src='./decoration/images/group2.png'>
                                    </div>
                                </div>
                            </template> 
                            <!-- 悬浮标题 -->
                            <template v-if="item.type==30">
                                <div v-on:click="btnChooseModel(item.id)" class="view-location" style='position: absolute; z-index: 300; width: 100%;' :style='{color: item.details.color,  "text-align": item.details.textAlign, top: item.details.top + "%"}'
                                    :class="item.edit?'uc-edit':''">
                                    <span class="g-viewBoxClose" v-on:click="btnDeleteModel" :data-id="item.id">x</span>
                                    <div class="item" style="text-align: inherit; color: inherit;" :style='{color: item.details.color, fontSize: item.details.fontSize, fontWeight: item.details.fontWeight}'>
                                        {{item.details.text}}
                                    </div>
                                </div>
                            </template> 
                        </template>

                    </div>
                </div>
            </section>
            <!-- scroll -->
            <section class="g-rightParam ">


                <!-- 轮播图 -->
                <template v-if="temp.type==1 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">轮播图</div>
                        <!--<div class="title2">选择颜色</div>
                    <div class="color-choose-box">
                        <div class="item"><em class="tt">焦点</em>
                            <input type="text" id="hue-demo" class="chooseColor" data-name="color1" data-control="hue"
                                   :value="temp.details.color1">
                        </div>
                         <div class="item"><em class="tt">背景</em>
                            <input type="text" id="hue-demo" class="chooseColor" data-name="color2" data-control="hue"
                                   :value="temp.details.color2">
                        </div>
                    </div>-->
                        <div class="title2">显示样式</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">样式一</el-radio>
                            <el-radio v-model="temp.details.style" label="2">样式2</el-radio>
                        </div>
                        <div class="title2">显示焦点</div>
                        <div class="radio-box">
                            <template>
                                <el-radio-group v-model="temp.details.dotShow">
                                    <el-radio :label="true">显示</el-radio>
                                    <el-radio :label="false">不显示</el-radio>
                                </el-radio-group>
                            </template>
                        </div>
                        <div class="title2">是否自动轮播</div>
                        <div class="radio-box">
                            <template>
                                <el-radio-group v-model="temp.details.isloop">
                                    <el-radio :label="true">自动轮播</el-radio>
                                    <el-radio :label="false">不自动轮播</el-radio>
                                </el-radio-group>
                            </template>
                        </div>
                        <div class="title2">轮播图高度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.boxHeight" max="500"></el-slider>
                            <!-- <input type="range" min="0" max="200" value="30" :value="temp.details.boxHeight" step="1" data-name="boxHeight"
                               class="js_ration"> -->
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸750x360
                                        <button class="btn btns-submit"
                                            @click="upRecord(itemImgIndex,temp.details.imgs)"
                                            v-show="itemImgIndex > 0">上移</button>
                                        <button class="btn btns-submit"
                                            @click="downRecord(itemImgIndex,temp.details.imgs)"
                                            v-show="itemImgIndex < temp.details.imgs.length-1">下移</button>
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    </h4>
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 广告位 -->
                <template v-if="temp.type==2 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">广告位</div>
                        <div class="title2">广告位高度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.boxHeight" max="200"></el-slider>
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸750x360
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg"></span>
                                    </h4>
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">宽度%: </span><input type="text" class="input"
                                            v-model="itemImg.w" :value="temp.details.boxHeight">
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                            <!-- <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span> -->
                        </div>
                    </div>
                </template>

                <!-- 导航 -->
                <template v-if="temp.type==3 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">导航</div>
                        <div class="title2">分列排版</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">两列</el-radio>
                            <el-radio v-model="temp.details.style" label="2">三列</el-radio>
                            <el-radio v-model="temp.details.style" label="3">四列</el-radio>
                            <el-radio v-model="temp.details.style" label="4">五列</el-radio>
                            <!-- <label for="" data-name="col" data-value="50%" class="uc-radio">两列</label>
                        <label for="" data-name="col" data-value="33.33%" class="uc-radio">三列</label>
                        <label for="" data-name="col" data-value="25%" class="uc-radio on">四列</label>
                        <label for="" data-name="col" data-value="20%" class="uc-radio">五列</label> -->
                        </div>
                        <!--<div class="title2">字体大小</div>
                     <div class="radio-box">
						<el-radio v-model="temp.details.fontSize" label="12px">小号</el-radio>
						<el-radio v-model="temp.details.fontSize" label="14px">中号</el-radio>
						<el-radio v-model="temp.details.fontSize" label="16px">大号</el-radio>
                        <label for="" data-name="fontSize" data-value="12px" class="uc-radio on">小号</label>
                        <label for="" data-name="fontSize" data-value="14px" class="uc-radio">中号</label>
                        <label for="" data-name="fontSize" data-value="16px" class="uc-radio">大号</label> 
                    </div>-->
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">字体</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <!--<div class="item"><em class="tt">背景</em>
                            <input type="text" id="hue-demo" class="chooseColor" data-name="color2" data-control="hue"
                                   :value="temp.details.color2">
                        </div>-->
                        </div>
                        <!--<div class="title2">圆角弧度</div>
                    <div class="g-range">
						<el-slider v-model="temp.details.radius"></el-slider>
                         <input type="range" min="0" max="30" value="20" step="1" data-name="radius" class="js_ration" :value="temp.details.radius"> 
                    </div>-->
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸100x100
                                        <button class="btn btns-submit"
                                            @click="upRecord(itemImgIndex,temp.details.imgs)"
                                            v-show="itemImgIndex > 0">上移</button>
                                        <button class="btn btns-submit"
                                            @click="downRecord(itemImgIndex,temp.details.imgs)"
                                            v-show="itemImgIndex < temp.details.imgs.length-1">下移</button>
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    </h4>
                                    <div class="btm">
                                        <span class="tt">名称: </span><input type="text" class="input"
                                            v-model="itemImg.text">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">图片: </span>
                                        <div class="btn-upload small">
                                            <template v-if="itemImg.src!=''">
                                                <img :src="itemImg.src" alt="">
                                            </template>
                                            <input type="file" name="" class="btnInputUploadImg"
                                                :data-id="itemImgIndex">
                                        </div>
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 标题 -->
                <template v-if="temp.type==4 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">标题文字</div>
                        <div class="title2">标题设置</div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">标题文字: </span><input type="text" class="input"
                                    v-model="temp.details.text">
                            </div>
                        </div>
                        <div class="title2">样式设置</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">样式1</el-radio>
                            <el-radio v-model="temp.details.style" label="2">样式2</el-radio>
                            <el-radio v-model="temp.details.style" label="3">样式3</el-radio>
                            <el-radio v-model="temp.details.style" label="4">样式4</el-radio>
                            <el-radio v-model="temp.details.style" label="5">样式5</el-radio>
                            <el-radio v-model="temp.details.style" label="6">样式6</el-radio>
                            <el-radio v-model="temp.details.style" label="7">样式7</el-radio>
                            <el-radio v-model="temp.details.style" class="ma" label="8">样式8</el-radio>
                            <!-- <label for="" data-name="style" data-value="1" class="uc-radio on">样式一</label>
                        <label for="" data-name="style" data-value="2" class="uc-radio">样式二</label>
                        <label for="" data-name="style" data-value="3" class="uc-radio">样式三</label>
                        <label for="" data-name="style" data-value="4" class="uc-radio">样式四</label>
                        <label for="" data-name="style" data-value="5" class="uc-radio">样式五</label>
                        <label for="" data-name="style" data-value="6" class="uc-radio">样式六</label>
                        <label for="" data-name="style" data-value="7" class="uc-radio">样式七</label>
                        <label for="" data-name="style" data-value="8" class="uc-radio">样式八</label> -->
                        </div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">字体</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="title2">字体大小</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.fontSize" label="12px">小号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="14px">中号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="16px">大号</el-radio>
                            <!-- <label for="" data-name="fontSize" data-value="12px" class="uc-radio on">小号</label>
                        <label for="" data-name="fontSize" data-value="14px" class="uc-radio">中号</label>
                        <label for="" data-name="fontSize" data-value="16px" class="uc-radio">大号</label> -->
                        </div>
                    </div>
                </template>

                <!-- 图文集 -->
                <template v-if="temp.type==5 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">图文集</div>
                        <div class="title2">排版样式</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">样式一</el-radio>
                            <el-radio v-model="temp.details.style" label="2">样式二</el-radio>
                            <el-radio v-model="temp.details.style" label="3">样式三</el-radio>
                            <!-- <label for="" data-name="style" data-value="1" class="uc-radio on">样式一</label>
                        <label for="" data-name="style" data-value="2" class="uc-radio">样式二</label>
                        <label for="" data-name="style" data-value="3" class="uc-radio">样式三</label> -->
                        </div>
                        <div class="title2">标题大小</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.fontSize" label="12px">小号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="14px">中号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="16px">大号</el-radio>
                            <!-- <label for="" data-name="fontSize" data-value="12px" class="uc-radio on">小号</label>
                        <label for="" data-name="fontSize" data-value="14px" class="uc-radio">中号</label>
                        <label for="" data-name="fontSize" data-value="16px" class="uc-radio">大号</label> -->
                        </div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">字体</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸200x160
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    </h4>
                                    <div class="btm">
                                        <span class="tt">标题: </span><input type="text" class="input"
                                            v-model="itemImg.title">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">描述: </span><input type="text" class="input"
                                            v-model="itemImg.text">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">图片: </span>
                                        <div class="btn-upload small">
                                            <template v-if="itemImg.src!=''">
                                                <img :src="itemImg.src" alt="">
                                            </template>
                                            <input type="file" name="" class="btnInputUploadImg"
                                                :data-id="itemImgIndex">
                                        </div>
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 图片列表 -->
                <template v-if="temp.type==6 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">图片列表</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="title2">排版样式</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">样式1</el-radio>
                            <el-radio v-model="temp.details.style" label="2">样式2</el-radio>
                            <el-radio v-model="temp.details.style" label="3">样式3</el-radio>
                            <el-radio v-model="temp.details.style" label="4">样式4</el-radio>
                            <!-- <label for="" data-name="style" data-value="1" class="uc-radio on">样式一</label>
                        <label for="" data-name="style" data-value="2" class="uc-radio">样式二</label>
                        <label for="" data-name="style" data-value="3" class="uc-radio">样式三</label>
                        <label for="" data-name="style" data-value="4" class="uc-radio">样式四</label> -->
                        </div>
                        <div class="title2">圆角弧度</div>
                        <!--<div class="g-range">
                             <input type="range" min="0" max="30" value="0" step="1" data-name="radius" class="js_ration" :value="temp.details.radius">
                            <el-slider v-model="temp.details.radius"></el-slider>
                        </div>-->
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸300x300
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    </h4>
                                    <!--<div class="btm">
                                    <span class="tt">标题: </span><input type="text" class="input" v-model="itemImg.text">
                                </div>-->
                                    <div class="btm">
                                        <span class="tt">图片: </span>
                                        <div class="btn-upload small">
                                            <template v-if="itemImg.src!=''">
                                                <img :src="itemImg.src" alt="">
                                            </template>
                                            <input type="file" name="" class="btnInputUploadImg"
                                                :data-id="itemImgIndex">
                                        </div>
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 三方图 -->
                <template v-if="temp.type==7 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">三方图</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 四方图 -->
                <template v-if="temp.type==8 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">四方图</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm" @click="link(itemImgIndex)">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link" disabled>
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 视频 -->
                <template v-if="temp.type==9 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">视频设置</div>
                        <div class="title2">视频高度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.boxHeight" max="1000"></el-slider>
                        </div>
                        <div class="title2">视频封面</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link">
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 音频 -->
                <template v-if="temp.type==10 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">音频设置</div>
                        <div class="title2">音频封面</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">名称: </span><input type="text" class="input"
                                            v-model="itemImg.name">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">作者: </span><input type="text" class="input"
                                            v-model="itemImg.author">
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 富文本 -->
                <!-- <template > -->
                <div class="setting-banner" v-if="temp.type==11 && temp.edit==true">

                    <div class="title">富文本</div>
                    <div class="title2">选择颜色</div>
                    <div class="color-choose-box">
                        <div class="item"><em class="tt">背景</em>
                            <input type="text" id="hue-demo" class="chooseColor" data-name="color2" data-control="hue"
                                :value="temp.details.color2">
                        </div>
                    </div>
                    <div class="title2">内容</div>
                    <div class="textarea-box">
                        <div class="btm">
                            <!-- <script id="content" type="text/plain" style="min-height: 200px;"></script> -->
                            <!-- <script id="content" type="text/plain"></script> -->
                            <!-- <textarea name="" id="" cols="30" rows="10" class="textarea"
                                      v-model="temp.details.text"></textarea> -->
                        </div>
                    </div>
                </div>
                <div class="div">
                    <div id="content" style="min-height: 200px;display: none;"></div>
                </div>
                <!-- </template> -->

                <!-- 辅助空白 -->
                <template v-if="temp.type==12 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">辅助空白</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="title2">控件高度</div>
                        <div class="g-range">
                            <input type="range" min="0" max="200" value="30" step="1" data-name="boxHeight"
                                class="js_ration">
                        </div>
                    </div>
                </template>

                <!-- 分割线 -->
                <template v-if="temp.type==13 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">分割线</div>
                        <div class="title2">排版选择</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">实线</el-radio>
                            <el-radio v-model="temp.details.style" label="2">虚线</el-radio>
                            <el-radio v-model="temp.details.style" label="3">点线</el-radio>
                            <!-- <label for="" data-name="style" data-value="1" class="uc-radio on">实线</label>
                        <label for="" data-name="style" data-value="2" class="uc-radio">虚线</label>
                        <label for="" data-name="style" data-value="3" class="uc-radio">点线</label> -->
                        </div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">线条</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="title2">控件高度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.boxHeight"></el-slider>
                            <!-- <input type="range" min="0" max="200" value="10" step="1" data-name="boxHeight" title=""
                               class="js_ration" :value="temp.details.boxHeight"> -->
                        </div>
                        <div class="title2">控件上下边距</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.paddingTopBottom"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="5" step="1" data-name="paddingTopBottom"
                               class="js_ration" :value="temp.details.paddingTopBottom"> -->
                        </div>
                    </div>
                </template>

                <!-- 悬浮图标 -->
                <template v-if="temp.type==14 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">悬浮图标</div>
                        <div class="title2">距底部</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.positionBottom"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="1" step="1" data-name="positionBottom"
                               class="js_ration" :value="temp.details.positionBottom"> -->
                        </div>
                        <div class="title2">距右侧</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.positionRight"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="1" step="1" data-name="positionRight" :value="temp.details.positionRight"
                               class="js_ration"> -->
                        </div>
                        <div class="title2">透明度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.opacity" max="1" step="0.01"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="90" step="1" data-name="opacity" class="js_ration" :value="temp.details.opacity"> -->
                        </div>
                        <div class="title2">功能</div>
                        <div class="g-range">
                            <el-radio v-model='temp.details.type' :label="1">回到顶部</el-radio>
                            <el-radio v-model='temp.details.type' :label="2">分享</el-radio>
                            <el-radio v-model='temp.details.type' :label="3">跳转</el-radio>
                        </div>
                        <div class="title2">图标</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div v-show='temp.details.type == 3' class="btm">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link"
                                            @click="select(itemImgIndex,'link','ship','merchantCategoryTypeMini')">
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 																	 -->
                <template v-if="temp.type==15 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">按钮</div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">名称</span><input type="text" class="input" v-model="temp.details.text">
                            </div>
                        </div>
                        <div class="title2">边框</div>
                        <div class="radio-box">
                            <template>
                                <el-radio-group v-model="temp.details.borderShow">
                                    <el-radio :label="true">显示</el-radio>
                                    <el-radio :label="false">不显示</el-radio>
                                </el-radio-group>
                            </template>
                        </div>
                        <div class="title2">图标</div>
                        <div class="radio-box">
                            <template>
                                <el-radio-group v-model="temp.details.iconShow">
                                    <el-radio :label="true">显示</el-radio>
                                    <el-radio :label="false">不显示</el-radio>
                                </el-radio-group>
                            </template>
                        </div>
                        <div class="title2">圆角弧度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.radius" max="28"></el-slider>
                            <!-- <input type="range" min="0" max="50" value="0" step="1" data-name="radius" class="js_ration" :value="temp.details.radius"> -->
                        </div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">标题</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                            <div class="item"><em class="tt">边框</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color3"
                                    data-control="hue" :value="temp.details.color3">
                            </div>
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link">
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 表单 -->
                <template v-if="temp.type==16 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">表单</div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">表单</span><input type="text" class="input" v-model="temp.details.text">
                            </div>
                        </div>
                    </div>
                </template>

                <!-- 客服 -->
                <template v-if="temp.type==17 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">客服设置</div>
                        <div class="title2">距底部</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.positionBottom"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="1" step="1" data-name="positionBottom" :value="temp.details.positionBottom"
                               class="js_ration"> -->
                        </div>
                        <div class="title2">距右侧</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.positionRight"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="1" step="1" data-name="positionRight" :value="temp.details.positionRight"
                               class="js_ration"> -->
                        </div>
                        <div class="title2">透明度</div>
                        <div class="g-range">
                            <el-slider v-model="temp.details.opacity" max="1" step="0.01"></el-slider>
                            <!-- <input type="range" min="0" max="100" value="90" step="1" data-name="opacity" class="js_ration" :value="temp.details.opacity"> -->
                        </div>
                        <div class="title2">图标</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <!-- <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex"> -->
                                    </div>
                                    <div v-show='temp.details.type == 3' class="btm">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link"
                                            @click="select(itemImgIndex,'link','ship','merchantCategoryTypeMini')">
                                    </div>

                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 公告 -->
                <template v-if="temp.type==18 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">公告设置</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">文字</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <template>
                            <div class="upload-img-box">
                                <div class="item" v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                    <div class="title2" style="display: inline-block;">内容</div>
                                    <span href="" class="btn-close" :data-id="itemImgIndex"
                                        v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    <div class="textarea-box">
                                        <div class="btm">
                                            <textarea name="" id="" cols="30" rows="10" class="textarea"
                                                v-model="itemImg.text"></textarea>
                                        </div>
                                    </div>
                                    <div class="title2">图标</div>
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                </div>
                                <span href="" class="btn-add" v-on:click="addBannerImg"
                                    v-show="temp.details.imgs.length<3">+添加</span>
                            </div>
                        </template>
                    </div>
                </template>

                <!-- 流量主 -->
                <template v-if="temp.type==19 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">浏量主设置</div>
                        <div class="title2">高度</div>
                        <div class="g-range">
                            <input type="range" min="0" max="200" value="30" step="1" data-name="boxHeight"
                                class="js_ration">
                        </div>
                        <div class="title2">浏量主</div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">浏量主ID: </span><input type="text" class="input"
                                    v-model="temp.details.id">
                            </div>
                        </div>
                    </div>
                </template>

                <!-- 商品集 -->
                <template v-if="temp.type==20 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">活动组件</div>
                        <div class="title2">活动选择</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">拼团</el-radio>
                            <el-radio v-model="temp.details.style" label="2">秒杀</el-radio>
                            <el-radio v-model="temp.details.style" label="3">新人专享</el-radio>
                            <!-- <label for="" data-name="style" data-value="1" class="uc-radio on">样式一</label>
                        <label for="" data-name="style" data-value="2" class="uc-radio">样式二</label>
                        <label for="" data-name="style" data-value="3" class="uc-radio">样式三</label> -->
                        </div>
                        <!--<div class="title2">标题大小</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.fontSize" label="12px">小号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="14px">中号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="16px">大号</el-radio>-->
                            <!-- <label for="" data-name="fontSize" data-value="12px" class="uc-radio on">小号</label>
                        <label for="" data-name="fontSize" data-value="14px" class="uc-radio">中号</label>
                        <label for="" data-name="fontSize" data-value="16px" class="uc-radio">大号</label> -->
                        <!--</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">字体</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸800x800<button
                                            @click="select(itemImgIndex,'productSet','productSet','merchantCategoryTypeMini')"
                                            class="btn btns-submit" style="margin-left: 0.625rem;">选择商品</button>
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    </h4>
                                    <div class="btm">
                                        <span class="tt">名称: </span><input type="text" class="input"
                                            :class="'title'+itemImgIndex" v-model="itemImg.title" disabled>
                                    </div>
                                    <div class="btm">
                                        <span class="tt">简介: </span><input type="text" class="input"
                                            v-model="itemImg.text" disabled>
                                    </div>
                                    <div class="btm">
                                        <span class="tt">金额: </span><input type="text" class="input"
                                            v-model="itemImg.price" disabled>
                                    </div>
                                    <div class="btm">
                                        <span class="tt">图片: </span>
                                        <div class="btn-upload small">
                                            <template v-if="itemImg.src!=''">
                                                <img :src="itemImg.src" alt="">
                                            </template>
                                            <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex"
                                                disabled>
                                        </div>
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>-->
                    </div>
                </template>

                <!-- 产品集 -->
                <template v-if="temp.type==21 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">产品集</div>
                        <div class="title2">排版样式</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">单列</el-radio>
                            <el-radio v-model="temp.details.style" label="2">两列</el-radio>
                            <el-radio v-model="temp.details.style" label="3">三列</el-radio>
                            <el-radio v-model="temp.details.style" label="4">横排滑动</el-radio>
                            <!-- <label for="" data-name="style" data-value="1" class="uc-radio on">单列</label>
                        <label for="" data-name="style" data-value="2" class="uc-radio">两列</label>
                        <label for="" data-name="style" data-value="3" class="uc-radio">三列</label>
                        <label for="" data-name="style" data-value="4" class="uc-radio">横排滑动</label> -->
                        </div>
                        <div class="title2">标题大小</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.fontSize" label="12px">小号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="14px">中号</el-radio>
                            <el-radio v-model="temp.details.fontSize" label="16px">大号</el-radio>
                            <!-- <label for="" data-name="fontSize" data-value="12px" class="uc-radio on">小号</label>
                        <label for="" data-name="fontSize" data-value="14px" class="uc-radio">中号</label>
                        <label for="" data-name="fontSize" data-value="16px" class="uc-radio">大号</label> -->
                        </div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">字体</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4><i class="red">*</i>建议尺寸200x160
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg(itemImgIndex)"></span>
                                    </h4>
                                    <div class="btm">
                                        <span class="tt">标题: </span><input type="text" class="input"
                                            v-model="itemImg.text">
                                    </div>
                                    <div class="btm">
                                        <span class="tt">图片: </span>
                                        <div class="btn-upload small">
                                            <template v-if="itemImg.src!=''">
                                                <img :src="itemImg.src" alt="">
                                            </template>
                                            <input type="file" name="" class="btnInputUploadImg"
                                                :data-id="itemImgIndex">
                                        </div>
                                    </div>
                                    <div class="btm">
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link"
                                            @click="select(itemImgIndex,'productSet','ship','merchantCategoryTypeMini')">
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 搜索框 -->
                <template v-if="temp.type==22 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">搜索框</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">搜索框</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <!--<div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>-->
                            <div class="item"><em class="tt">字体</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color3"
                                    data-control="hue" :value="temp.details.color3">
                            </div>
                        </div>
                        <div class="title2">热搜内容</div>
                        <div class="textarea-box">
                            <div class="btm">
                                <textarea name="" id="" cols="30" rows="10" class="textarea"
                                    v-model="temp.details.text"></textarea>
                            </div>
                        </div>
                    </div>
                </template>

                <!-- 招聘 -->
                <template v-if="temp.type==23 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">招聘</div>
                        <div class="title2">分列排版</div>
                        <div class="radio-box">
                            <label for="" data-name="style" data-value="50%" class="uc-radio on">样式一</label>
                        </div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <h4>
                                        <span href="" class="btn-close" :data-id="itemImgIndex"
                                            v-on:click="deleteBannerImg"></span>
                                    </h4>
                                    <div class="btm">
                                        <span class="tt">名称: </span><input type="text" class="input"
                                            v-model="itemImg.text">
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImg">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 留言板 -->
                <template v-if="temp.type==24 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">留言板</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                    </div>
                </template>

                <!-- 门店 -->
                <template v-if="temp.type==25 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">门店</div>
                        <div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">文字</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">门店名称: </span><input type="text" class="input"
                                    v-model="temp.details.name">
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">营业时间: </span><input type="text" class="input"
                                    v-model="temp.details.time">
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">客服电话: </span><input type="text" class="input"
                                    v-model="temp.details.tel">
                            </div>
                        </div>
                        <div class="title2">门店Logo</div>
                        <div class="upload-img-box">
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload">
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <!-- 位置 -->
                <template v-if="temp.type==26 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">地理位置</div>
                        <!--<div class="title2">选择颜色</div>
                        <div class="color-choose-box">
                            <div class="item"><em class="tt">文字</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color1"
                                    data-control="hue" :value="temp.details.color1">
                            </div>
                            <div class="item"><em class="tt">背景</em>
                                <input type="text" id="hue-demo" class="chooseColor" data-name="color2"
                                    data-control="hue" :value="temp.details.color2">
                            </div>
                        </div>-->
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">地址: </span><input type="text" class="input"
                                    placeholder="请输入地址描述（限20字内）" v-model="temp.details.addr">
                            </div>
                        </div>
                        <div class="title2">显示方式</div>
                        <div class="radio-box">
                            <label for="" data-name="temp.details.style" data-value="1" class="uc-radio on">文字</label>
                            <label for="" data-name="temp.details.style" data-value="2" class="uc-radio">图片</label>
                        </div>
                        <div class="title2">位置坐标</div>
                        <div class="input-box">
                            <div class="btm">
                                <span class="tt">经度 </span><input type="text" class="input" v-model="temp.details.lon">
                            </div>
                            <div class="btm">
                                <span class="tt">纬度 </span><input type="text" class="input" v-model="temp.details.lat">
                            </div>
                            <div class="operate">
                                <button class="btn">拾取坐标</button>
                            </div>
                        </div>
                    </div>
                </template>

                <!-- 优惠券 -->
                <template v-if="temp.type==27 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">优惠券</div>
                        <div class="title2">显示方式</div>
                        <div class="radio-box">
                            <el-radio v-model="temp.details.style" label="1">内置样式</el-radio>
                            <el-radio v-model="temp.details.style" label="2">图片</el-radio>
                        </div>
                        <div class="upload-img-box">
                            <div style="color: red;margin-bottom: 0.625rem;" v-show='temp.details.style == 2'>建议上传图片大小2:1</div>
                            <template v-for="(itemImg,itemImgIndex) in temp.details.imgs">
                                <div class="item">
                                    <div class="btn-upload" v-show='temp.details.style == 2'>
                                        <template v-if="itemImg.src!=''">
                                            <img :src="itemImg.src" alt="">
                                        </template>
                                        <input type="file" name="" class="btnInputUploadImg" :data-id="itemImgIndex">
                                    </div>
                                    <div class="btm" v-show='temp.details.style == 1'>
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link"
                                            placeholder="点击选择优惠券"
                                            @click="select(itemImgIndex,'link','coupons','shopVouTypes','status=1&collection_type=1')">
                                        <span class="tt" style='margin-top: 5px;'>满足条件: </span>
                                        <input type="text" style='margin-top: 5px;' class="input" v-model="itemImg.full_price">
                                        <span class="tt" style='margin-top: 5px;'>减免金额: </span>
                                        <input type="text" style='margin-top: 5px;' class="input" v-model="itemImg.price">
                                    </div>
                                    <div class="btm" v-show='temp.details.style == 2'>
                                        <span class="tt">链接: </span><input type="text" class="input"
                                            v-model="itemImg.link"
                                            @click="select(itemImgIndex,'link','coupons','shopVouTypes','status=1&collection_type=1')">
                                    </div>
                                </div>
                            </template>
                            <span href="" class="btn-add" v-on:click="addBannerImgs">+添加</span>
                        </div>
                    </div>
                </template>

                <!-- 商品分类 -->
                <template v-if="temp.type==28 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">商品分类</div>
                        <div class="upload-img-box">
                            <div class="title2">显示预购商品</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-switch v-model="temp.details.show" active-color="#13ce66">
                                </el-switch>
                            </div>
                            <div class="title2">显示方式</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-radio v-model="temp.details.type" label="1">分类</el-radio>
                                <el-radio v-model="temp.details.type" label="2">分组</el-radio>
                            </div>
                            <div class="title2">排版样式</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-radio v-model="temp.details.style" label="1">横图</el-radio>
                                <el-radio v-model="temp.details.style" label="2">三小图</el-radio>
                                <el-radio v-model="temp.details.style" label="3">大图</el-radio>
                                <el-radio v-model="temp.details.style" label="4">两列</el-radio>
                            </div>
                        </div>
                    </div>
                </template>
                <!-- 团长 -->
                <template v-if="temp.type==29 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">商品分类</div>
                        <div class="upload-img-box">
                            <div class="title2">排版样式</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-radio v-model="temp.details.style" label="1">样式一</el-radio>
                                <el-radio v-model="temp.details.style" label="2">样式二</el-radio>
                            </div>
                        </div>
                    </div>
                </template>
                <!-- 悬浮标题 -->
                <template v-if="temp.type==30 && temp.edit==true">
                    <div class="setting-banner">
                        <div class="title">悬浮标题</div>
                        <div class="upload-img-box">
                            <div class="title2">字体颜色</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <div class="item"><em class="tt">文字</em>
                                    <input type="text" id="hue-demo" class="chooseColor" data-name="color"
                                        data-control="hue" :value="temp.details.color">
                                </div>
                            </div>
                            <div class="title2">对其方式</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-radio v-model="temp.details.textAlign" label="left">左对齐</el-radio>
                                <el-radio v-model="temp.details.textAlign" label="center">居中对齐</el-radio>
                                <el-radio v-model="temp.details.textAlign" label="right">右对齐</el-radio>
                            </div>
                            <div class="title2">字体大小</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-input v-model="temp.details.fontSize" />
                            </div>
                            <div class="title2">文字粗细</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <el-input v-model="temp.details.fontWeight" />
                            </div>
                            <div class="title2">标题内容</div>
                            <div class="radio-box" style='display: flex; flex-flow: row wrap;'>
                                <input type="text" class="input" v-model="temp.details.text">
                            </div>
                            <div class="title2">高度</div>
                            <div class="g-range">
                                <el-slider v-model="temp.details.top"></el-slider>
                            </div>
                        </div>
                    </div>
                </template>

                <div class="ships" style="display: none;">
                    <div class="model-body1" v-show="modelType == 'ship'|| modelType == 'productSet'">
                        <div class="search">
                            <label class="label">商品名称：</label>
                            <input type="text" v-model="search" />
                            <button class="layui-btn-normal btn"
                                v-on:click="searchs('merchantGoods','&searchName=','ship')">搜索</button>
                        </div>
                        <div style="height:30.625rem;">
                            <div class="left">
                                <div class="layui-input-block">
                                    <select class="selecteds" @change="thisOption">
                                        <option class="one" value="" style="display: none;">请选择商品分类</option>
                                        <option class="remove" v-for="classification in classifications"
                                            :value="classification.id">{{classification.name}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="right scrolls">
                                <ul class="ship">
                                    <template v-for="ship in ships" v-if="ships.length>0">
                                        <li class="shipStyle" @click="productSet(ship);linkSelectShip(ship.id)"
                                            title="请双击选择商品">
                                            <img :src="ship.pic_urls.split(',')[0]" class="imgShip" />
                                            <div class="textShip">
                                                <p>{{ship.name}}</p>
                                                <p>{{ship.short_name}}</p>
                                            </div>
                                            <div class="textShip">
                                                <p>{{ship.property1}}</p>
                                                <p>{{ship.property2}}</p>
                                            </div>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="model-body1" v-show="modelType == 'coupons'">
                        <div class="search">
                            <label class="label">优惠券名称：</label>
                            <input type="text" v-model="search" />
                            <button class="layui-btn-normal btn"
                                @click="searchs('shopVouTypes','status=1&collection_type=1&searchName=','coupons')">搜索</button>
                        </div>
                        <div style="height:30.625rem;">
                            <div class="right coupons" style="margin-left: 200px;">
                                <ul class="ship">
                                    <li class="shipStyle" v-for="ship in coupons" v-if="coupons.length>0"
                                        @click="linkSelectShip(ship)" title="请双击选择优惠券">
                                        <div class="textShip">
                                            <p>名称：{{ship.name}}</p>
                                            <p>开始时间：{{ship.from_date}}</p>
                                        </div>
                                        <div class="textShip">
                                            <p>面值：{{ship.price}}元</p>
                                            <p>结束时间：{{ship.to_date}}</p>
                                        </div>
                                        <div class="textShip">
                                            <p>满减金额：{{ship.full_price}}元</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="choicePageUrl" style="display: none;"></div>
            </section>
        </section>
    </section>

    <script src="./decoration/js/jquery.min.js"></script>
    <script src="./decoration/js/jquery.nicescroll3.7.6.min.js"></script>
    <script src="./decoration/js/jquery.minicolors.min.js"></script>
    <script src="./decoration/js/vue.min.js"></script>
    <script src="./decoration/js/vue-common.js"></script>
    <script src="./decoration/js/vue-resource.js"></script>
    <!-- <script src="./decoration/js/main.js"></script> -->
    <script src="./decoration/js/html2canvas.js"></script>

    <!-- 引入组件库 -->
    <script src="./src/controller/elementUi.js.js"></script>
</body>

</html>
<style>
    .search {
        height: 6.25rem;
        padding: 1.25rem 200px !important;
    }

    .search label,
    .search input,
    .search button {
        float: left;
        margin-top: 1.25rem;
    }

    .search input {
        width: 50% !important;
        margin-right: 1.875rem;
    }

    .search label {
        line-height: 1.875rem;
        margin-left: 1.875rem;
    }

    .left,
    .right,
    .textShip,
    .imgShip,
    .otherShip {
        float: left;
    }

    .right {
        margin-left: 3.125rem;
        margin-top: 0.1875rem;
        width: 50%;
        height: 30.625rem;
    }

    .ship {
        list-style: none !important;
        overflow: hidden;
    }

    .shipStyle {
        border: 1px solid white;
        height: 4.5rem;
        padding: 0.625rem;
    }

    .shipStyle:hover {
        border: 0.0625rem solid #19C85B;
        cursor: pointer;
    }

    .imgShip {
        width: 3.125rem;
        height: 3.125rem;
    }

    .textShip,
    .otherShip {
        margin-left: 1.875rem;
    }

    .textShip p {
        margin-top: 0.3125rem;
    }

    .otherShip {
        margin-top: 0.3125rem;
    }

    .radio-box label {
        margin-bottom: 10px;
    }

    .ma {
        margin-left: 2px;
    }
</style>
<script type="text/javascript">
    layui.use('decorationEdit', layui.factory('decorationEdit'));
</script>